<!DOCTYPE html>
<html>
<head> 
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title>{$seo_title}</title>
	<meta name="keywords" content="{$seo_keywords}">
	<meta name="description" content="{$seo_description}">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="shortcut icon" href="{$system.ico}">
	<link rel="stylesheet" type="text/css" href="/themes/template/static/css/element.min.css"/>
	<link rel="stylesheet" type="text/css" href="/themes/template/static/css/onekey.min.css"/>
	<script type="text/javascript" src="/themes/template/static/js/vue.min.js"></script>
	<script type="text/javascript" src="/themes/template/static/js/element.min.js"></script>
	<script type="text/javascript" src="/themes/template/static/js/jquery.min.js"></script>
	<script type="text/javascript" src="/themes/template/static/js/common.js"></script>
</head>
<body>
<header id="header" class="fixed">
	<div class="container">
		<div class="logo"><a href="/"><img src="{$system.logo}" alt=""></a></div>
		<div class="tel"><i class="el-icon-phone"></i> <span>{$system.telephone}</span></div>
		<nav class="nav">
			<ul>
			    {volist name="catalogHeader" id="item1"}
				<li>
					<a href="{$item1.url}" class="{if $item1.id == $catalog.level1}active{/if}">{$item1.title}</a>
					{if $item1.children}
					<ul>
					    {volist name="item1.children" id="item2"}
						<li><a href="{$item2.url}" >{$item2.title}</a></li>
						{/volist}
					</ul>
					{/if}
				</li>
				{/volist}
			</ul>
		</nav>
	</div>
</header>	